<!DOCTYPE html>
<html>
<head>
<title>表单页</title>
<meta name="content-type" content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css" href="/css/reset.css">
<link rel="stylesheet" type="text/css" href="/source/bootstrap/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="/css/main.css">
<link rel="stylesheet" type="text/css" href="/css/layout.css">

<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/source/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/radialIndicator.js"></script>

<script type="text/javascript">
	$(function() {
		$(".nav-sidebar li:not('.has-child')").click(function() {
			$(".nav-sidebar li").removeClass("active");
			$(this).addClass("active");
			$(this).parent("ul").parent("li").addClass("active");
		});

		$(".nav-sidebar > li.has-child > a").click(function() {
			$(this).toggleClass("down");
			$(this).parent("li").children("ul").slideToggle();
		});
	})
</script>
</head>

<body>
	<!-- 顶端导航条 -->
	<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<div class="navbar-brand" href="javascript:void(0);">
					<img src="/source/index_logo.jpg" alt="">
				</div>
				<a class="navbar-brand " href="javascript:void(0);">工作台</a>
				<div class="navbar-brand navbar-brand-last" href="javascript:void(0);">
					<span>北京市出入境检验检疫局</span><span class="font13">项目管理系统</span>
				</div>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-right">
					<li class="bell"><a href="javascript:void(0);">
							<i class="glyphicon glyphicon-bell"></i><span>15</span>
						</a></li>
					<li class="user"><a href="javascript:void(0);">
							<img src="/source/user_icon.jpg">张三<span class="triangle-down"></span>
						</a></li>
				</ul>
				<form class="navbar-form navbar-right">
					<input type="text" class="form-control" placeholder="请输入要搜索的内容">
					<i class="glyphicon glyphicon-search"></i>
				</form>
			</div>
		</div>
	</nav>

	<!-- 左侧导航栏 -->
	<div class="sidebar ">
		<ul class="nav nav-sidebar">
			<li class="active"><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-inbox"></i>需求池管理
				</a></li>
			<li><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-file"></i>项目信息管理
				</a></li>
			<li class="has-child"><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-edit"></i> <span>立项与招标</span>
				</a>
				<ul class="sec-menu">
					<li>项目申报管理</li>
					<li>专家评审管理</li>
					<li>立项管理</li>
				</ul></li>
			<li class="has-child"><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-folder-close"></i><span>开发与验收</span>
				</a>
				<ul class="sec-menu">
					<li>项目申报管理</li>
					<li>专家评审管理</li>
					<li>立项管理</li>
				</ul></li>
			</li>
			<li class="has-child"><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-folder-close"></i>维护
				</a>
				<ul class="sec-menu">
					<li>项目申报管理</li>
					<li>专家评审管理</li>
					<li>立项管理</li>
				</ul></li>
			</li>
			<li class="has-child"><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-folder-close"></i>查询统计
				</a>
				<ul class="sec-menu">
					<li>项目申报管理</li>
					<li>专家评审管理</li>
					<li>立项管理</li>
				</ul></li>
			</li>
			<li><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-folder-close"></i>通知管理
				</a></li>
			<li><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-folder-close"></i>代办管理
				</a></li>
			<li><a href="javascript:void(0);">
					<i class="glyphicon glyphicon-folder-close"></i>个人管理
				</a></li>
		</ul>
	</div>

	<!-- 右侧主体 -->
	<div class="main">
		<div class="page-title">
			<span class="glyphicon glyphicon-folder-close blue"></span> <span class="title">需求池管理 > 新增需求</span>
		</div>
		<form class="form-horizontal" role="form">
			<div class="page-content">

				<div class="form-group">
					<label for="inputEmail3" class="col-md-2 control-label">需求主题：</label>
					<div class="col-md-8">
						<input type="text" class="form-control" id="inputEmail3" placeholder="">
					</div>
				</div>
				<div class="form-group">
					<label for="inputPassword3" class="col-md-2 control-label">关联的项目：</label>
					<div class="col-md-4">
						<select class="form-control">
							<option>&emsp;</option>
							<option>预算管理系统</option>
							<option>项目管理系统</option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-md-2 control-label">需求描述：</label>
					<div class="col-md-8">
						<textarea class="form-control" rows="7"></textarea>
					</div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-md-2 control-label">相关附件：</label>
					<div class="col-md-8" style="font-size: 0;">
						<div class="form-control input-addon">
							<span class="glyphicon glyphicon-file"></span>
						</div>
						<input type="text" disabled="disabled" class="form-control input-haveaddon">
						<input type="button" class="btn small btn-blue f-left" value="上传">
					</div>
				</div>
			</div>
			<div class="page-content">
				<div class="form-group">
					<label for="inputEmail3" class="col-md-2 control-label">需求描述：</label>
					<div class="col-md-8 radio-box">
						<input type="radio" id="r1_1" class="regular-radio" name="r1">
						<label for="r1_1"></label><span>是</span>
						<input type="radio" id="r1_2" class="regular-radio" name="r1">
						<label for="r1_2"></label><span>否</span>
					</div>
				</div>
				<div class="form-group">
					<label for="inputEmail3" class="col-md-2 control-label">需求描述：</label>
					<div class="col-md-8 radio-box">
						<input type="radio" id="r2_1" class="regular-radio" name="r2">
						<label for="r2_1"></label><span>是</span>
						<input type="radio" id="r2_2" class="regular-radio" name="r2">
						<label for="r2_2"></label><span>否</span>
					</div>
				</div>
			</div>

			<div class="page-content" style="overflow: auto;">
				<div class="f-right">
					<input type="button" value="下一步" class="btn btn-cyan">
					<input type="button" value="取消" class="btn btn-gray">
					<input type="button" value="提交" class="btn btn-blue">
				</div>
			</div>
		</form>
		<div class="footer">北京出入境检验检疫局版权所有 技术支持：北京中科院软件中心有限公司</div>
	</div>
</body>
</html>
